<template>
	<div class="calender">
		<Calendar
      v-on:choseDay="clickDay"
      v-on:changeMonth="changeDate"
    ></Calendar>
	</div>
</template>

<script>
/**
 * npm i vue-calendar-component --save\
 * cnpm i vue-calendar-component --save  //国内镜像
 */
import Calendar from 'vue-calendar-component'
export default {
	 components: {
	    Calendar
	 },
	 methods :{
	 	clickDay(data) {
	      console.log(data); //选中某天
	    },
	    changeDate(data) {
	      console.log(data); //左右点击切换月份
	    },
	    clickToday(data) {
	      console.log(data); //跳到了本月
	    }
	 }
}
</script>
<style>
.calender .wh_content_all{
	background: #fff;
}
.calender .wh_top_changge{
	background: #fcc805;
}
.calender .wh_top_changge li{
  color: #fff;
}
.calender .wh_content_item, .wh_content_item_tag{
	color:#666
}
.calender .wh_content_item .wh_isToday{
	background: #fcc805;
	color:#fff
}
.calender .wh_content_item .wh_chose_day {
	background: #eee;
}
</style>